<template>
  <div id="box">
      <!-- <video src="https://access.video.qq.com/danmu_manage/regist?vappid=97767206&vsecret=c0bdcbae120669fff425d0ef853674614aa659c605a613a4&raw=1" autoplay loop></video> -->
    <div id="Login">
      <h2>系统登录</h2>
      <el-input
        placeholder="请输入账号"
        clearable
        prefix-icon="el-icon-user-solid"
        v-model="account"
      >
      </el-input>
      <el-input
        placeholder="请输入账号"
        clearable
        show-password
        prefix-icon="el-icon-lock"
        v-model="password"
      >
      </el-input>
      <el-button type="primary" class="btn" @click="Toindex">登录</el-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      account: "",
      password: "",
    };
  },

  methods:{
      Toindex(){
        this.$router.push('/Index')
          // location.hash='/Index'
      }
  },
};
</script>

<style  lang="less" scoped>
@import url(".././assets/styles/themes.less");

h2 {
  color: white;
}
#box {
  width: 100vw;
  height: 100vh;
  /* background-color: rgb(45, 58, 75); */
  background-color: @base-color;

}
video{
    width: 100%;
    height: 100%;
} 
.btn {
  width: 100%;
}
#Login {
  width: 300px;
  height: 200px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
</style>